<template>
  <div id="app">
    <div class="background">
      <img class="bgIMG" src="@/assets/img/bg/bg.png">
    </div>
    <div class="logo-image">
<!--      <img src="@/assets/img/logo.png" />-->
    </div>
<!--    <div class="header-title" style="font-size: 30px">-->
<!--      <div style="font-size: 30px">昊业怡生科技有限公司</div>-->
<!--    </div>-->
    <HomePage></HomePage>
  </div>
</template>

<script>
import HomePage from './views/HomePage/index'

export default {
  name: 'App',
  components: {
    HomePage
  }
}
</script>

<style>
  .background {
    width: 99.5%;
    height: 99%;
    background-repeat: no-repeat;
    filter: blur(8px);
    z-index: -1;
    position: absolute;
  }
  .bgIMG {
    width: 100%;
    height: 100%;
  }
  .header-title {
    width: 100%;
    padding-top: 2vh;
    font-size: 1.5vw;
    font-weight: bolder;
    letter-spacing: 10px;
    text-align: left;
  }
  .logo-image{
    text-align: center;
    background-color: rgba(0,0,0,0);
    padding: 4vh 0;
  }
  .logo-image img {
    width: auto;
    height: 50px;
    top: 2vh;
    left: 0.8vw;
    position: absolute;
    z-index: 1;
  }
</style>
